feat: customize site as Mayasalu 水彩畫廊

[ethan-CCY]

Motivation

• 將原始的通用 landing template 客製化為水彩藝術家個人線上畫廊（藝名：Mayasalu），內容以繁體中文呈現並符合展示作品與來訪資訊需求。
• 強調水彩特性（透明層疊、濕畫流動、色彩留白與自然光感），並同時保持簡潔、留白多與響應式設計。
• 提供可替換的作品預覽介面（placeholder 漸層 / 後續可置換實際影像），並實作簡單的互動（篩選、Lightbox、聯絡表單前端驗證）。
• 確保資產路徑相對於 GitHub Pages 子路徑（避免以 / 開頭的絕對路徑），方便部署至 https://ethan-CCY.github.io/Landing_Page/。

Description

• 將整頁內容重構為藝術家專屬版面並新增區塊：Hero、About、Gallery（含分類篩選與卡片）、Visit（含 Google Maps 連結）、Contact 與 Footer（動態年份）。
• 新增樣式檔 dist/css/custom.css，實作水彩感配色、卡片/彈窗樣式與 RWD 規則（畫廊在小螢幕自動降欄位）。
• 新增原生 JS：dist/js/gallery.js，實作分類篩選、Modal/Lightbox 開關（含鍵盤 Esc 關閉與焦點回復）、聯絡表單前端驗證與動態年份填入。
• 更新 README.md 為 Mayasalu 線上畫廊說明並附上 GitHub Pages Demo URL，並保留原 License 說明；作品卡片目前以 data-gradient 與 CSS 變數產生假圖，替換方法已於 README/說明中標示（放置於 dist/images/gallery/ 並改用 url(...)）。

Testing

• 啟動靜態伺服器 (python -m http.server 8000) 並使用 Playwright 腳本載入 http://127.0.0.1:8000/index.html，成功截圖頁面作為預覽（artifact 已生成）。
• 手動檢查：Gallery 篩選按鈕可切換顯示、點擊卡片會顯示 Modal 並可用 Esc 關閉、聯絡表單做前端驗證並顯示成功訊息；這些互動由已加入的 dist/js/gallery.js 驗證。
• 未包含單元測試或 CI 自動化測試，僅以瀏覽器載入截圖與手動互動檢查為驗證。

---

Codex Task