feat(members): replace Affiliation & Office box with Prof. Seok-Joo Koh profile image

- Copy prof_profile.png to refer_landing_page/public/images/
- Configure images.unoptimized in next.config.js for static export compatibility
- Render high-resolution portrait profile image in professor section
- All 12 quality gates passed clean (Exit Code 0)

refer_landing_page/app/members/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
+import Image from "next/image";
 import { getMembers, getAlumni } from "../../lib/api";
 import { ProfessorDetailsDialog } from "./_components/ProfessorDetailsDialog";
 import type { Member, Alumnus } from "../../content/types";
@@ -80,13 +81,17 @@ export default function MembersPage() {
               </a>
             </div>
           </div>
-          <div className="lg:col-span-4 bg-ivory p-6 rounded border border-line text-xs space-y-2 font-mono">
-            <div className="text-ink font-bold border-b border-line pb-1">
-              Affiliation &amp; Office
+          <div className="lg:col-span-4 flex justify-center items-center">
+            <div className="relative w-48 h-48 sm:w-56 sm:h-56 md:w-60 md:h-60 rounded-xl overflow-hidden border border-line shadow-sm bg-ivory">
+              <Image
+                src="/images/prof_profile.png"
+                alt="Prof. Seok-Joo Koh"
+                fill
+                sizes="(max-width: 1024px) 224px, 240px"
+                className="object-cover object-top"
+                priority
+              />
             </div>
-            <p className="text-ink-mute">Kyungpook National University</p>
-            <p className="text-ink-mute">IT Building #5 Room 527</p>
-            <p className="text-ink-mute">Daegu, Republic of Korea</p>
           </div>
         </div>
       </section>