fix: align MysterySelector buttons with site-wide design language

Replace hardcoded Nord values and manual dark/light overrides with
semantic CSS variables (--color-surface, --color-primary, --shadow-sm,
--radius-card, etc.). Use scale:1.02 hover pattern and remove all
@media(prefers-color-scheme) and :global(:root[data-theme]) blocks.

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.22.0",
+	"version": "1.22.1",
 	"private": true,
 	"type": "module",
 	"scripts": {